<template>
	<view class="contactBox">
		<image src="@/static/soilDog.jpg" mode="aspectFill"></image>
		<view class="info P">
			<view class="phone" @click="dialPhone">联系电话：177 58 2222 13</view>
			<view class="address">联系地址：安徽省-合肥市-蜀山区</view>
		</view>
		<map :longitude="longitude" :latitude="latitude" :markers="markers" :scale="scale"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				longitude:"117.130887", 
				latitude:"31.858602",
				scale:10,
				markers:[{
					longitude:"117.130887",
					latitude:"31.858602",
					title:'狗窝',
					iconPath:'../../static/soilDog.jpg',
					width:30,
					height:30
				}]
			}
		},
		methods: {
			// 拨打电话
			dialPhone(){
				uni.makePhoneCall({
					phoneNumber:'17758222213'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.contactBox{
	> image{
		width: 100%;
		height: 25vh;
	}
	.info{
		> view{
			padding: 20rpx 0;
			border-bottom: 2rpx solid $themeColor;
		}
	}
	> map{
		width: 100%;
		height: 50vh;
	}
}
</style>
